<!DOCTYPE html>

<html lang="en-us">
{% include head.html %}

<div class="page-wrap">
  <div class="side-bar">
    <a href="{{ site.url }}{{ site.baseurl }}" class="site-title fs-6 lh-tight">{{ site.title }}</a>
    <span class="fs-3"><button class="js-main-nav-trigger navigation-list-toggle btn btn-outline" type="button"
        data-text-toggle="Hide">Menu</button></span>
    <div class="navigation main-nav js-main-nav">
      {% include nav.html %}
    </div>
    <footer role="contentinfo" class="site-footer">
      <p class="text-small text-grey-dk-000 mb-0">This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just
          the Docs</a>, a documentation theme for Jekyll.</p>
    </footer>
  </div>
  <div class="main-content-wrap">
    <div class="page-header">
      <div class="main-content">
        {% if site.search_enabled != nil %}
        <div class="search js-search">
          <div class="search-input-wrap">
            <input type="text" class="js-search-input search-input" placeholder="Search {{ site.title }}" aria-label="Search {{ site.title }}"
              autocomplete="off">
            <svg width="14" height="14" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" class="search-icon">
              <title>Search</title>
              <g fill-rule="nonzero">
                <path d="M17.332 20.735c-5.537 0-10-4.6-10-10.247 0-5.646 4.463-10.247 10-10.247 5.536 0 10 4.601 10 10.247s-4.464 10.247-10 10.247zm0-4c3.3 0 6-2.783 6-6.247 0-3.463-2.7-6.247-6-6.247s-6 2.784-6 6.247c0 3.464 2.7 6.247 6 6.247z" />
                <path d="M11.672 13.791L.192 25.271 3.02 28.1 14.5 16.62z" />
              </g>
            </svg>
          </div>
          <div class="js-search-results search-results-wrap"></div>
        </div>
        {% endif %}
        {% if site.aux_links != nil %}
        <ul class="list-style-none text-small mt-md-1 mb-md-1 pb-4 pb-md-0 js-aux-nav aux-nav">
          {% for link in site.aux_links %}
          <li class="d-inline-block my-0{% unless forloop.last %} mr-2{% endunless %}"><a href="{{ link.last }}">{{
              link.first }}</a></li>
          {% endfor %}
        </ul>
        {% endif %}
      </div>
    </div>
    <div class="main-content">
      {% unless page.url == "/" %}
      {% if page.parent %}
      <nav class="breadcrumb-nav">
        <ol class="breadcrumb-nav-list">
          {% if page.grand_parent %}
          <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.grand_parent }}</a></li>
          <li class="breadcrumb-nav-list-item"><a href="{{ second_level_url }}">{{ page.parent }}</a></li>
          {% else %}
          <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.parent }}</a></li>
          {% endif %}
          <li class="breadcrumb-nav-list-item"><span>{{ page.title }}</span></li>
        </ol>
      </nav>
      {% endif %}
      {% endunless %}
      <div class="page-content">
        {{ content }}

        {% if page.has_children == true %}
        <hr>
        <h2 class="text-delta">Table of contents</h2>
        {% assign children_list = site.pages | sort:"nav_order" %}
        <ul>
          {% for child in children_list %}
          {% if child.parent == page.title and child.title != page.title %}
          <li>
            <a href="{{ child.url | absolute_url }}">{{ child.title }}</a>
          </li>
          {% endif %}
          {% endfor %}
        </ul>
        {% endif %}
      </div>
    </div>
  </div>
</div>

<script>
var links = document.links;
for (var i = 0; i < links.length; i++) {
    if (!links[i].target) {
        if (
            links[i].hostname !== window.location.hostname || 
            /\.(?!html?)([a-z]{0,3}|[a-zt]{0,4})$/.test(links[i].pathname)
        ) {
            links[i].target = '_blank';
        } 
    }
}
</script>

</html>